<ui:composition template="template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:icecore="http://www.icefaces.org/icefaces/core"
                xmlns:ace="http://www.icefaces.org/icefaces/components"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:f="http://java.sun.com/jsf/core">
    <ui:define name="body_content">

        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />
        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Consulta de usuarios y vehiculos</h3>  


        <ace:panel id="personalInfoInputPanel" header="Búsqueda de información de usuarios"  styleClass="panel-principal">
            <h:graphicImage value="img/new_icons/seach2.png" class="ico-head"  />
            <span Class="titulo_panel">Utilice cualquiera de los filtros para realizar la búsqueda</span>
             <ice:form  id="form_consulta_especifica"  >
                <!--<h:panelGrid   id="inputGrid" columns="3" width="100%" styleClass="filtros-panel">-->


                    <!--
                                        <ace:autoCompleteEntry id="autoComplete"
                                                               rows="20" width="135"
                                                               filterMatchMode=""
                                                               label="Nombre usuario:"
                                                               labelPosition="left">
                                            <f:selectItems />
                                                
                                        </ace:autoCompleteEntry> -->

                    <!-- <ace:textEntry id="placaFilter"  value=" " label="Placa vehículo :" labelPosition="left" >
                         <ace:ajax render="@this placaFilterOutput placaFilterMsg"/>
                     </ace:textEntry> -->

                    <!--<ace:textEntry id="cedulaFilter" value="#{usuarioFacadeManaged.usuarioLocal.cedula} " label="Número cédula :" labelPosition="left" >
                        <ace:ajax render="@this cedulaFilterOutput cedulaFiltereMsg"/>
                    </ace:textEntry> -->
                    <!--  <ace:textEntry id="marchamoFilter" value=" " label="Número marchamo:" labelPosition="left" >
                         <ace:ajax render="@this marchamoFilterOutput marchamoFilterMsg"/>
                     </ace:textEntry>  -->
                    <!--  <ace:textEntry id="estacionamientoFilter" value=" " label="Número estacionamiento :" labelPosition="left" >
                         <ace:ajax render="@this estacionamientoFilterOutput estacionamientoFilterMsg"/>
                     </ace:textEntry>-->
                    <!--<ice:commandButton id="enviar"  styleClass="botonEnviarConsulta" onclick="confirmation.show()" value="Buscar"></ice:commandButton>-->                            
                    <!--<h:commandButton id="enviar" value="Buscar" onclick="confirmation.show()" type="button" class="botonEnviarConsulta" />                               
                    <ace:confirmationDialog id="confirmDialog"
                                            widgetVar="confirmation"
                                            message="Realizar busqueda?"
                                            header="Confirmación"
                                            width="450"
                                            height="200"
                                            modal="false"
                                            closeOnEscape="true"
                                            closable="true"
                                            position="center"
                                            styleClass="dialog-margin">
                        <h:panelGrid columns="2" styleClass="centeredPanelGrid">
                            <h:commandButton id="yes" value="Sí" onclick="confirmation.hide()" actionListener="#{usuarioFacadeManaged.listaUsuarios()}"/>
                            <h:commandButton id="no" value="No" onclick="confirmation.hide()" action="#{marchamoFacadeManaged.doNothing}" />
                        </h:panelGrid>
                    </ace:confirmationDialog>-->
                <!--</h:panelGrid>-->

                <!-- INICIO TOOLTIPS ================================================= -->
                <!-- <ace:tooltip id="tooltipNombreUsuario"
                            for="autoComplete"
                            speechBubble="true"
                            showEffect="slide"
                            hideEffect="grow"
                            showDelay="500"
                            hideDelay="300"
                            position="bottomLeft"
                            targetPosition="topLeft"
                            showEffectLength="300"
                            hideEffectLength="300"> 
                   <h:panelGrid styleClass="tooltipBoxStyle"> 
                       <h:outputText id="AutoComplete_mns" value="Digite el nombre a buscar"/>
                   </h:panelGrid>   
               </ace:tooltip> -->

                <!-- <ace:tooltip id="tooltipPlaca"
                             for="placaFilter"
                             speechBubble="true"
                             showEffect="slide"
                             hideEffect="grow"
                             showDelay="500"
                             hideDelay="300"
                             position="bottomLeft"
                             targetPosition="topRight"
                             showEffectLength="300"
                             hideEffectLength="300">
                    <h:panelGrid styleClass="tooltipBoxStyle"> 
                        <h:outputText id="Placa_mns" value="Digite la placa a buscar"/>
                    </h:panelGrid>   
                </ace:tooltip>-->

               <!-- <ace:tooltip id="tooltipCedula"
                             for="cedulaFilter"
                             speechBubble="true"
                             showEffect="slide"
                             hideEffect="grow"
                             showDelay="500"
                             hideDelay="300"
                             position="bottomLeft"
                             targetPosition="topRight"
                             showEffectLength="300"
                             hideEffectLength="300">
                    <h:panelGrid styleClass="tooltipBoxStyle"> 
                        <h:outputText id="Cedula_mns" value="Digite la cédula a buscar"/>
                    </h:panelGrid>   
                </ace:tooltip>-->

                <!-- <ace:tooltip id="tooltipMarchamo"
                             for="marchamoFilter"
                             speechBubble="true"
                             showEffect="slide"
                             hideEffect="grow"
                             showDelay="500"
                             hideDelay="300"
                             position="bottomLeft"
                             targetPosition="topRight"
                             showEffectLength="300"
                             hideEffectLength="300">
                    <h:panelGrid styleClass="tooltipBoxStyle"> 
                        <h:outputText id="Marchamo_Mns" value="Digite el número de marchamo a buscar"/>
                    </h:panelGrid>   
                </ace:tooltip>-->

                <!-- <ace:tooltip id="tooltipEstacionamiento"
                             for="estacionamientoFilter"
                             speechBubble="true"
                             showEffect="slide"
                             hideEffect="grow"
                             showDelay="500"
                             hideDelay="300"
                             position="bottomLeft"
                             targetPosition="topRight"
                             showEffectLength="300"
                             hideEffectLength="300">
                    <h:panelGrid styleClass="tooltipBoxStyle"> 
                        <h:outputText id="Estacionamiento_Mns" value="Digite el número de estacionamiento a buscar"/>
                    </h:panelGrid>   
                </ace:tooltip>-->
                <!-- FIN TOOLTIPS ================================================= -->

                <div class="tabla_resultados">


                    <h:graphicImage value="img/new_icons/results1.png" class="ico-head" />
                    <span Class="titulo_panel">Resultados del Usuario Obtenidos</span>

                    <ace:dataTable  style="width:100%;"  id="dataTable1" value="#{usuarioFacadeManaged.listaUsuarios}" var="currentRow"  paginator="true" rows="4"   paginatorPosition="bottom">

                        <!-- Stock number -->
                        <ace:column id="column1" filterBy="#{currentRow.cedula}"> 
                            <ice:outputText id="outputText1" value="#{currentRow.cedula}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText2" value="Cedula"/>
                            </f:facet> 
                        </ace:column> 

                        <ace:column id="column2" filterBy="#{currentRow.nombre1}"> 
                            <ice:outputText id="outputText3" value="#{currentRow.nombre1}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText4" value="Nombre"/>
                            </f:facet> 
                        </ace:column>

                        <ace:column id="column4" filterBy="#{currentRow.apellido1}"> 
                            <ice:outputText id="outputText7" value="#{currentRow.apellido1}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText8" value="1er apellido"/>
                            </f:facet> 
                        </ace:column>

                        <ace:column id="column5" filterBy="#{currentRow.apellido2}"> 
                            <ice:outputText id="outputText9" value="#{currentRow.apellido2}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText10" value="2do apellido"/>
                            </f:facet> 
                        </ace:column>
                        <ace:column id="column6" filterBy="#{currentRow.telefono1}"> 
                            <ice:outputText id="outputText11" value="#{currentRow.telefono1}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText12" value="Telefono 1"/>
                            </f:facet> 
                        </ace:column>
                        <ace:column id="column7" filterBy="#{currentRow.telefono2}"> 
                            <ice:outputText id="outputText13" value="#{currentRow.telefono2}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText14" value="Telefono 2"/>
                            </f:facet> 
                        </ace:column>
                        <ace:column id="column8" filterBy="#{currentRow.correoElectronico}"> 
                            <ice:outputText id="outputText15" value="#{currentRow.correoElectronico}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText16" value="Email"/>
                            </f:facet> 
                        </ace:column>
                        <ace:column id="column9" filterBy="#{currentRow.estadoCivil}"> 
                            <ice:outputText id="outputText17" value="#{currentRow.estadoCivil}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText18" value="Estado civil"/>
                            </f:facet> 
                        </ace:column>
                        <ace:column id="column10" filterBy="#{currentRow.centroTrabajoEscuela.nombre}"> 
                            <ice:outputText id="outputText19" value="#{currentRow.centroTrabajoEscuela.nombre}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText20" value="Centro trabajo o Escuela"/>
                            </f:facet> 
                        </ace:column>       
                        <ace:column id="column12" filterBy="#{currentRow.sexo}"> 
                            <ice:outputText id="outputText23" value="#{currentRow.sexo}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText24" value="Sexo"/>
                            </f:facet> 
                        </ace:column>




                        <br></br>

                    </ace:dataTable>
                </div>
                 <br></br>
                <div class="tabla_resultados">


                    <h:graphicImage value="img/new_icons/results1.png" class="ico-head" />
                    <span Class="titulo_panel">Resultados del Automovil Obtenidos</span>

                    <ace:dataTable  style="width:100%;"  id="dataTable2" value="#{vehiculoFacadeManaged.listaVehiculos}" var="currentRow"  paginator="true" rows="4"   paginatorPosition="bottom">

                        <!-- Stock number -->
                        <ace:column id="column1" filterBy="#{currentRow.placa}"> 
                            <ice:outputText id="outputText1" value="#{currentRow.placa}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText2" value="Placa"/>
                            </f:facet> 
                        </ace:column> 

                        <ace:column id="column2" filterBy="#{currentRow.anoFabricacion}"> 
                            <ice:outputText id="outputText3" value="#{currentRow.anoFabricacion}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText4" value="Año Fabricacion"/>
                            </f:facet> 
                        </ace:column>

                        <ace:column id="column4" filterBy="#{currentRow.cedulaPropietario}"> 
                            <ice:outputText id="outputText7" value="#{currentRow.nombrePropietario}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText8" value="Nombre Propietario"/>
                            </f:facet> 
                        </ace:column>

                        <ace:column id="column5" filterBy="#{currentRow.apellidoPropietario}"> 
                            <ice:outputText id="outputText9" value="#{currentRow.apellidoPropietario}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText10" value="Apellido Propietario"/>
                            </f:facet> 
                        </ace:column>
                        <ace:column id="column6" filterBy="#{currentRow.modelo.nombre}"> 
                            <ice:outputText id="outputText11" value="#{currentRow.modelo.nombre}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText12" value="Modelo"/>
                            </f:facet> 
                        </ace:column>
                        <ace:column id="column7" filterBy="#{currentRow.marca.nombre}"> 
                            <ice:outputText id="outputText13" value="#{currentRow.marca.nombre}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText14" value="Marca"/>
                            </f:facet> 
                        </ace:column>
                        <ace:column id="column8" filterBy="#{currentRow.color.nombre}"> 
                            <ice:outputText id="outputText15" value="#{currentRow.color.nombre}"/> 
                            <f:facet name="header"> <ice:outputText id="outputText16" value="Color"/>
                            </f:facet> 
                        </ace:column>
                        
                        <br></br>

                    </ace:dataTable>
                </div>



             </ice:form>
        </ace:panel>




    </ui:define>
</ui:composition>